/*--------------------- Layout and Typography ----------------------------*/
html {
  -webkit-font-smoothing: antialiased;
}

body {
  font-family: "Helvetica Neue", Ubuntu, "WenQuanYi Micro Hei", Helvetica,"Hiragino Sans GB", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Micro Hei Mono", "WenQuanYi Zen Hei", "WenQuanYi Zen Hei", "Apple LiGothic Medium", "SimHei", "ST Heiti", "WenQuanYi Zen Hei Sharp", Arial, sans-serif;
  font-size: 14px;
  line-height: 180%;
  color: black;
  background-color: white;
  margin: 0; padding: 49px 0 0 0;
  border-top: 6px #8CC84B solid;
}

a {
  color: #480;
  text-decoration: underline;
}

a:visited {
  color: #46483e;
  text-decoration: underline;
}

a:hover,
a:focus {
  text-decoration: none;
}

code a:hover {
  background: none;
  color: #b950b7;
}

#changelog #gtoc {
  display: none;
}

#gtoc p {
  margin: 0;
  font-size: 18px;
  line-height: 30px;
}

#gtoc a {
  font-family: Georgia, FreeSerif, "Helvetica Neue", Ubuntu, "WenQuanYi Micro Hei", Helvetica,"Hiragino Sans GB", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Micro Hei Mono", "WenQuanYi Zen Hei", "WenQuanYi Zen Hei", "Apple LiGothic Medium", "SimHei", "ST Heiti", "WenQuanYi Zen Hei Sharp", Arial, sans-serif;
  text-decoration: none;
  color: #46483e;
}

#gtoc a:hover {
  color: #669900;
  text-decoration: underline;
}

.notice {
  display: block;
  padding: 1em;
  margin: 1.4667em 0 2.9334em;
  background: #FFF6BF;
  color: #514721;
  border: 1px solid #FFD324;
}

.notice p {
  margin: 0;
}

.api_stability_0 {
  border-color: #D60027;
}

.api_stability_1 {
  border-color: #EC5315;
}

.api_stability_2 {
  border-color: #FFD700;
}

.api_stability_3 {
  border-color: #AEC516;
}

.api_stability_4 {
  border-color: #009431;
}

.api_stability_5 {
  border-color: #0084B6;
}

ul.plain {
  list-style: none;
}

abbr {
  border-bottom: 1px dotted #454545;
}

p {
  margin: 0 0 1.4667em 0;
  position: relative;
  text-rendering: optimizeLegibility;
}

table {
  border-collapse: collapse;
  margin: 0 0 1.4667em 0;
}

th, td {
  border: 1px solid #aaa;
}

table p {
  margin: 0 1ex;
}

th {
  text-align:left;
}

.apidoc #apicontent p,
.apidoc #apicontent li {
  font-size: 15px;
  line-height: 22px;
  color: #000;
  font-family: Georgia, FreeSerif, "Helvetica Neue", Ubuntu, "WenQuanYi Micro Hei", Helvetica,"Hiragino Sans GB", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Micro Hei Mono", "WenQuanYi Zen Hei", "WenQuanYi Zen Hei", "Apple LiGothic Medium", "SimHei", "ST Heiti", "WenQuanYi Zen Hei Sharp", Arial, sans-serif;
}

ol, ul, dl {
  margin: 0 0 1em 0;
  padding: 0;
}

ol ul, ol ol, ol dl,
ul ul, ul ol, ul dl,
dl ul, dl ol, dl dl {
  margin-bottom: 0;
}

ol p:first-child,
ul p:first-child,
dl p:first-child {
  margin-bottom: 0;
}

ul, ol {
  margin-left: 2em;
}

dl dt {
  position: relative;
  margin: 1.5em 0 0;
}

dl dd {
  position: relative;
  margin: 0 1em 0;
}

dd + dt.pre {
  margin-top: 1.6em;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Helvetica Neue", Ubuntu, "WenQuanYi Micro Hei", Helvetica,"Hiragino Sans GB", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Micro Hei Mono", "WenQuanYi Zen Hei", "WenQuanYi Zen Hei", "Apple LiGothic Medium", "SimHei", "ST Heiti", "WenQuanYi Zen Hei Sharp", Arial, sans-serif;
  color: #000;
  text-rendering: optimizeLegibility;
  position: relative;
}

header h1 {
  font-family: Georgia, FreeSerif, "Helvetica Neue", Ubuntu, "WenQuanYi Micro Hei", Helvetica,"Hiragino Sans GB", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Micro Hei Mono", "WenQuanYi Zen Hei", "WenQuanYi Zen Hei", "Apple LiGothic Medium", "SimHei", "ST Heiti", "WenQuanYi Zen Hei Sharp", Arial, sans-serif;
  font-size: 30px;
  font-weight: normal;
  line-height: 36px;
  color: #480;
  margin: 15px 0 11px;
}

h1 {
  font-size: 29px;
  line-height: 33px;
  margin: 2em 0 15px;
}

#toc + h1 {
  margin-top: 1em;
  padding-top: 0;
}

h2 {
  font-size: 1.4em;
  line-height: 1.0909em;
  margin: 1.5em 0 0.5em;
}

h2 + h2 {
  margin: 0 0 0.5em;
}

h3 {
  font-size: 1.3em;
  line-height: 1.1282em;
  margin: 2.2em 0 0.5em;
}

h3 + h3 {
  margin: 0 0 0.5em;
}

h2, h3, h4 {
  position: relative;
  padding-right: 40px;
}

h1 span, h2 span, h3 span, h4 span {
  font-size: 25px;
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  opacity: 0.3;
}

h1 span:hover, h2 span:hover, h3 span:hover, h4 span:hover {
  opacity: 1;
}

h1 span a, h2 span a, h3 span a, h4 span a {
  font-size: 0.8em;
  color: #000;
  text-decoration: none;
  font-family: "Helvetica Neue", Ubuntu, "WenQuanYi Micro Hei", Helvetica,"Hiragino Sans GB", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Micro Hei Mono", "WenQuanYi Zen Hei", "WenQuanYi Zen Hei", "Apple LiGothic Medium", "SimHei", "ST Heiti", "WenQuanYi Zen Hei Sharp", Arial, sans-serif;
  font-weight: bold;
}

h1 span a.top, h2 span a.top, h3 span a.top, h4 span a.top {
  /* XXX Get an image and clean up these two links
  * so that they look nice next to one another.
  * http://www.chrisglass.com/work/nodejs/website/v05/docs.html
  * -isaacs
  */
  display: none;
}

h5 {
  font-size: 1.125em;
  line-height: 1.4em;
}

h6 {
  font-size: 1em;
  line-height: 1.4667em;
}

pre, tt, code {
  font-size: 14px;
  line-height: 1.5438em;
  font-family: Monaco, Consolas, "Lucida Console", monospace;
  margin: 0; padding: 0;
}

.pre {
  font-family: Monaco, Consolas, "Lucida Console", monospace;
  line-height: 1.5438em;
  font-size: 0.95em;
}

pre {
  padding: 1em 1.6em 1em 1.2em;
  vertical-align: top;
  background: #f8f8f8;
  border: 1px solid #e8e8e8;
  border-width: 1px 1px 1px 6px;
  margin: -0.5em 0 1.1em;
  overflow-x: auto;
}

pre + h3 {
  margin-top: 2.225em;
}

code.pre {
  white-space: pre;
}

#intro {
  width: 775px;
  margin: 0 auto;
  text-align: center;
  color: #d2d8ba;
  /* preload platform-icons.png */
  background-image: url(http://nodejs.org/images/platform-icons.png);
  background-repeat: no-repeat;
  background-position: -999em -999em;
}

#intro.interior #logo {
  margin-left: -298px;
  border: 0;
}

hr {
  background: none;
  border: medium none;
  border-bottom: 1px solid #ccc;
  margin: 1em 0;
}

#toc {
  font-size: 15px;
  line-height: 1.5em;
  line-height: 22px;
  padding-top: 4px;
}

#toc h2 {
  font-size: 15px;
  line-height: 21px;
  margin: 0 0 0.5em;
}

#toc h2 a {
  float: right;
}

#toc hr {
  margin: 1em 0 2em;
}

#toc ul,
#api-section-index #apicontent ul li,
#api-section-index #apicontent ul {
  font-family: Georgia, FreeSerif, "Helvetica Neue", Ubuntu, "WenQuanYi Micro Hei", Helvetica,"Hiragino Sans GB", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Micro Hei Mono", "WenQuanYi Zen Hei", "WenQuanYi Zen Hei", "Apple LiGothic Medium", "SimHei", "ST Heiti", "WenQuanYi Zen Hei Sharp", Arial, sans-serif;
  color: #666 !important;
}

#toc ul a {
  text-decoration: none;
  border-bottom: 1px dotted #480;
}

#toc ul a:hover,
#toc ul a:focus {
  border-bottom: 1px dotted #fff;
  color: #000;
}

p tt,
p code, span.type {
  background: #f8f8ff;
  border: 1px solid #dedede;
  padding: 0 0.2em;
}

#content {
  width: 953px;
  margin: 0 auto;
  overflow: visible;
  clear: both;
  display: block;
}

#column1.interior {
  width: 749px;
  float: right;
  padding-top: 7px;
  padding-top: 11px;
  font-size: 18px;
}

#column2.interior {
  width: 140px;
  float: left;
  margin-top: -55px;
  overflow: visible;
}

#column2.interior ul {
  margin-left: 0;
}

#column2.interior li {
  list-style-type: none;
}

#column2.interior li a {
  display: block;
  padding: 0 0 0 35px;
  color: #878b78;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 11px;
  line-height: 23px;
}

#column2.interior li a.home { background: url(http://nodejs.org/images/icons-interior.png) no-repeat -156px 3px; }
#column2.interior li a.download { background: url(http://nodejs.org/images/icons-interior.png) no-repeat -156px -21px; }
#column2.interior li a.about { background: url(http://nodejs.org/images/icons-interior.png) no-repeat -156px -45px; }
#column2.interior li a.npm { background: url(http://nodejs.org/images/icons-interior.png) no-repeat -156px -69px; }
#column2.interior li a.docs { background: url(http://nodejs.org/images/icons-interior.png) no-repeat -156px -93px; }
#column2.interior li a.blog { background: url(http://nodejs.org/images/icons-interior.png) no-repeat -156px -117px; }
#column2.interior li a.community { background: url(http://nodejs.org/images/icons-interior.png) no-repeat -156px -141px; }
#column2.interior li a.logos { background: url(http://nodejs.org/images/icons-interior.png) no-repeat -156px -165px; }
#column2.interior li a.jobs { background: url(http://nodejs.org/images/icons-interior.png) no-repeat -156px -189px; }

#column2.interior li a.home.current { background-position: 2px 3px; }
#column2.interior li a.download.current { background-position: 2px -21px; }
#column2.interior li a.about.current { background-position: 2px -45px; }
#column2.interior li a.npm.current { background-position: 2px -69px; }
#column2.interior li a.docs.current { background-position: 2px -93px; }
#column2.interior li a.blog.current { background-position: 2px -117px; }
#column2.interior li a.community.current { background-position: 2px -141px; }
#column2.interior li a.logos.current { background-position: 2px -165px; }
#column2.interior li a.jobs.current { background-position: 2px -189px; }

#column2.interior li a.home:hover { background-position: -331px 3px; }
#column2.interior li a.download:hover { background-position: -331px -21px; }
#column2.interior li a.about:hover { background-position: -331px -45px; }
#column2.interior li a.npm:hover { background-position: -331px -69px; }
#column2.interior li a.docs:hover { background-position: -331px -93px; }
#column2.interior li a.blog:hover { background-position: -331px -117px; }
#column2.interior li a.community:hover { background-position: -331px -141px; }
#column2.interior li a.logos:hover { background-position: -331px -165px; }
#column2.interior li a.jobs:hover { background-position: -331px -189px; }

#column2.interior li a.current {
  color: #8cc84b;
  font-weight: bold;
}

#column2.interior li a:hover {
  color: #000000;
  text-decoration: none;
}

#column2.interior li + li {
  border-top: 1px solid #c1c7ac;
}

#column2.interior p.twitter {
  padding-top: 20px;
}

#column2.interior p.twitter a {
  background: url(http://nodejs.org/images/twitter-bird.png) no-repeat 0 4px;
  padding-left: 37px;
  text-decoration: none;
}

#column2.interior p.twitter a:hover {
  text-decoration: underline;
}

a.totop {
  font-family: "Helvetica Neue", Ubuntu, "WenQuanYi Micro Hei", Helvetica,"Hiragino Sans GB", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Micro Hei Mono", "WenQuanYi Zen Hei", "WenQuanYi Zen Hei", "Apple LiGothic Medium", "SimHei", "ST Heiti", "WenQuanYi Zen Hei Sharp", Arial, sans-serif;
  font-weight: bold;
  text-indent: -9999999px;
  background: url(http://nodejs.org/images/anchor.png) no-repeat top left;
  margin-right: 7px;
  display: block;
  width: 13px;
  border-bottom: 1px solid #cccccc;
}

a.anchor {
  font-family: "Helvetica Neue", Ubuntu, "WenQuanYi Micro Hei", Helvetica,"Hiragino Sans GB", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Micro Hei Mono", "WenQuanYi Zen Hei", "WenQuanYi Zen Hei", "Apple LiGothic Medium", "SimHei", "ST Heiti", "WenQuanYi Zen Hei Sharp", Arial, sans-serif;
  font-weight: bold;
  text-indent: -9999999px;
  background: url(http://nodejs.org/images/anchor.png) no-repeat top right;
  display: block;
  width: 13px;
  border-bottom: 1px solid #cccccc;
}

#footer {
  width: 942px;
  margin: 150px auto 55px auto;
  padding: 0;
}

#footer .joyent-logo {
  display:block;
  position:absolute;
  overflow:hidden;
  text-indent:-999em;
  height:100px;
  width:190px;
  z-index:999;
}

#footer p {
  font-size: 11px;
  line-height: 1em;
  padding: 0 0 0 195px;
  color: #666;
}

#footer p,
#footer li {
  font-family: "Helvetica Neue", Ubuntu, "WenQuanYi Micro Hei", Helvetica,"Hiragino Sans GB", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Micro Hei Mono", "WenQuanYi Zen Hei", "WenQuanYi Zen Hei", "Apple LiGothic Medium", "SimHei", "ST Heiti", "WenQuanYi Zen Hei Sharp", Arial, sans-serif;
}

#footer a {
  text-decoration: none;
  border: none;
  color: #480;
}

#footer a:hover {
  color: #000;
}

#footer p a {
  border-bottom: 1px dotted #480;
  color: #878b78;
}

#footer ul {
  background: url(http://nodejs.org/images/footer-logo-alt.png) left 17px no-repeat;
  padding: 23px 0 0 195px;
  height: 26px;
  margin-left: -1px;
  border-top: 1px solid #626557;
}

#footer ul li {
  list-style-type: none;
  float: left;
  font-size: 12px;
  margin: 0 !important;
  padding: 0;
  height: 12px;
}

#footer ul li a {
  margin: 0;
  padding: 0 6px 0 0;
  display: block;
  height: 12px;
  line-height: 12px;
}

#footer ul li + li {
  margin-left: 3px;
}

#footer ul li + li a {
  padding: 0 6px 0 6px;
  border-left: 1px solid #878b78;
}

#footer ul li a.twitter  {
  background: url(http://nodejs.org/images/twitter-bird.png) no-repeat 5px 0px;
  padding-left: 25px;
}

/* simpler clearfix */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* 翻译段落 */
.translate-section {
  border: 1px solid #eee;
  margin: 10px 0;
}
.translate-section:hover {
  border-color: #ddd;
}
.translate-section .op {
  text-align: right;
  height: 26px;
}
.translate-section .op button {

}
.translate-section:hover .op button {
  display: initial;
}
.translate-section button {
  font-size: 12px;
  border: 1px solid #aaa;
  background-color: #F8F8F8;
  border-radius: 5px;
  cursor: pointer;
  color: #666;
}
.translate-section button:hover {
  background-color: #2d6ca2;
  color: #fff;
  border-color: #2d6ca2;
}
.translate-section .origin {
  background-color: #eee;
}
